<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <script src="js/jquery-1.12.4.js"></script>

    <link rel="stylesheet" href="css/register.css">
    <script src="js/register.js"></script>

    <link rel="stylesheet" href="css/jquery.idcode.css">
    
    <script src="js/jquery.idcode.js"></script>
    <script src="js/jquery.validation/jquery.validate.js"></script>
    <script src="js/layer/layer.js"></script>
</head>

<body>
    <header>
        <div class="headerLeft main">
            <ul>
                <li><a href="javascript:void(0)"> <img
                            src="https://res14.iblimg.com/respc-1/resources/v3.0/css/i/logon-logo.png" /></a></li>
                <li class="headerTxt">用户注册</li>
            </ul>
        </div>
    </header>
    <section>
        <div class="Section main">
            <div class="SectionTop">
                <div class="SectionTopLeft">
                    您好，感谢您加入i百联
                </div>
                <div class="SectionTopRight">
                    如有账号，请点击
                    <a style="color: rgb(160, 183, 233);" href="javascript:void(0);">登录</a>
                </div>
            </div>
            <form>
                <p>
                    <span><i style="color: #ee1f41">* </i>用户名：</span>
                    <input name="uname" class="inp1" type="text" placeholder="6-20位字符，支持字母或字母与数字组合" />
                </p>
                <p>
                    <span><i style="color: #ee1f41">* </i>登录密码：</span>
                    <input name="upwd" id="upwd" class="inp2" type="text" placeholder="8-20位字符，至少使用两种字符组合" />
                </p>
                <p>
                    <span><i style="color: #ee1f41">* </i>确认密码：</span>
                    <input name="upwd2" class="inp3" type="text" placeholder="请再次输入密码" />
                </p>
                <p>
                    <span><i style="color: #ee1f41">* </i>手机号：</span>
                    <input name="uphone" class="inp4" type="text" placeholder="请输入11位手机号码" />
                </p>
                <p>
                    <span>验证码：</span>   
                    <input name="checknum"  class="inp5" placeholder="验证码" name="yzm" style="width: 60px" type="text" id="Txtidcode"
                class="txtVerification">
                    <span class="randomNumber" id="idcode"></span>
                    <!-- <span class="randomNumber" style="width: 92px;"></span><span id="idcode"></span> -->
                    <!-- <a href="javascript:void(0);" style="text-decoration:underline;">换一张</a> -->
                </p>
                <p>
                    <span>电子邮箱：</span>
                    <input name="uemail" class="inp6" type="text" placeholder="请输入有效邮箱" />
                </p>
                <p>
                    <input id="checkBox" class="checkBox" type="checkbox" /><label for="checkBox">我已阅读并同意</label>
                    <a href="">《百联通会员注册协议》、</a>
                    <a href="">《安付宝用户服务协议》、</a>
                    <a href="">《安付宝隐私权政策》</a>
                </p>
                <p>
                    <button class="Submit">立即注册 完成绑定</button>
                </p>
            </form>
        </div>
    </section>
    <footer>
        <div class="Footer main">
            <ul>
                <li><a href="">关于我们 </a></li>
                <li>|</li>
                <li><a href="">联系我们 </a></li>
                <li>|</li>
                <li><a href="">加盟合作</a></li>
                <li>|</li>
                <li><a href="">诚征英才</a></li>
                <li>|</li>
                <li><a href="">友情链接</a></li>
                <li>|</li>
                <li><a href="">新零售合作</a></li>
            </ul>
            <p>百联集团有限公司版权所有 | 客服电话：400-900-8800 | 沪ICP备15028847号</p>
            <p><a href="">互联网药品信息服务资质证书编号：沪-（非营业性）-2016-0044</a></p>
            <p><a href="">全渠道增值电信业务经营许可证</a></p>
            <p>
                <a class="Footerbottom" href="">
                    <img src="https://res15.iblimg.com/respc-1/resources/v4.0/css/i/gongan.png" />沪公网安备
                    31010102002366号</a>

                <a class="Footerbottom" href="">
                    <img src="https://res12.iblimg.com/respc-1/resources/v4.1/widget/footer1200/i/gongs.png" />上海工商</a>

                <a class="Footerbottom" href="">
                    <img
                        src="https://res13.iblimg.com/respc-1/resources/v4.1/widget/footer1200/i/zhizhao.png" />经营执照</a>

                <a class="Footerbottom" href="">
                    <img
                        src="https://res14.iblimg.com/respc-1/resources/v4.1/widget/footer1200/i/wangjing1.png" />网购大家评</a>

            </p>

        </div>
    </footer>
</body>

</html>